<template>
  <div>
    <el-card class="box-card">
      <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="用户管理" name="first" ><manageUser></manageUser></el-tab-pane>
<!--         <el-tab-pane label="角色管理" name="second"><manageRole></manageRole></el-tab-pane>
          <el-tab-pane label="模块管理" name="third"><manageMoudle></manageMoudle></el-tab-pane> -->
       </el-tabs>
    </el-card>

  </div>
</template>


<script>
  import manageUser from './manageUser.vue'
/* 	import manageRole from './manageRole.vue'
	import manageMoudle from './manageMoudle.vue' */
   export default {
      data() {
        return {
          activeName:'first',
         }
         },
         components: {
            manageUser,
          /*  manageRole,
            manageMoudle, */
         },
         methods: {
            handleClick(tab, event) {
                console.log(tab, event);
             }
           },
           }
</script>

<style>

</style>
